<template>
  <div class="end_box">
    <div>
            <div class="end_content_box">
                <div @click="jump" class="end_content_title">
                    <img width="30" src="/static/img/icon_chanpinfuwu@2x.png" alt="" srcset=""> 产品服务
                </div>
            </div>
            <div class="end_content_box">
                <div class="end_content_title">
                     <img width="30" src="/static/img/icon_shangwuhezuo@2x.png" alt="" srcset="">商务合作
                </div>
                <div class="end_content_dev">
                    angie_5921(微信) 王小姐
                </div>
                <div class="end_content_dev">
                    Email: yewu@insobo.com
                </div>
            </div>
            <div class="end_content_box">
                <div class="end_content_title">
                    <img width="30" src="/static/img/icon_lianxiwomen@2x.png" alt="" srcset=""> 联系我们
                </div>
                <div class="end_content_dev">
                  人才招聘: hr@surexing.com
                </div>
                <div class="end_content_dev">
                    媒体合作: media@surexing.com
                </div>
                <div class="end_content_dev">
                    公司地址: 上海市张江Vπ空间2楼A区
                </div>
            </div>
            <div class="end_content_box">
                <div class="end_content_title">
                    微信公众号
                </div>
                <div class="RC">
                  
                </div>
                
            </div>
      </div>
      <div class="last" @click="jump" style="cursor:pointer">
        © 2015-现在 数行科技（上海）有限公司&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp沪ICP备17020412号-2号
      </div>
  </div>
</template>
<script>
export default {
  name: "end",
  dec: "末尾区域",
  methods: {
    jump() {
       this.$store.commit('jumpURL', "备案跳转")
    }
  }
};
</script>
<style lang="less">
.end_box {
  height: 3.07rem;
  background: url("/static/img/mk_shouping@2x1.png") no-repeat;
  background-size: 100% 100%;

  position: relative;
  .jump {
    
    position: absolute;
    width: 1.19rem;
    left: 3.8rem;
    height: 0.23rem;
    top: 0.62rem;
    cursor: pointer;
  }
}
.end_box > div {
  width: 12rem;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
}
.end_box > div .end_content_box {
  font-size: 0.22rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}
.end_box > div .end_content_box .end_content_title {
  margin-top: 0.57rem;
  margin-bottom: 0.235rem;

  position: relative;
  img {
    position: absolute;
    top: 50%;
    transform: translate(-100%, -50%);
  }
}
.end_box > div .end_content_box .end_content_dev {
  font-size: 0.2rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}
.end_box > div .end_content_box .RC {
  margin-top: 0.15rem;
  width: 1rem;
  height: 1rem;
  background: url("/static/img/RC.png") no-repeat;
  background-size: 100% 100%;
}
.end_box .last {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 2.5rem;
  font-size: 0.22rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  height: auto;
}
</style>
